Innovative Beauty Company
Explore our comprehensive e-commerce project, a transformative journey for a beauty industry brand, involving Shopify, Shopify Plus, Shopify Hydrogen & Oxygen, Sanity.io integration, and UI/UX enhancements.
Luxury mattress manufacturer
Creating a headless mattress store web app (PWA) for in-store product exploration and sales without a consultant’s assistance
Building a progressive web app for displaying mattresses on in-store devices
| Location | New York, USA | Cooperation model | |
|---|---|---|---|
| Industry | Retail, Furniture | Partnership period | July 2022 - September 2022 |
| Improvements plan | Discovery phase, requirements and estimation analysis, new features development, support and maintenance | Team size | QA, Fullstack developer, Project manager, DevOps |
| Technologies | Strapi headless CMS, Next.js, AWS S3, CloudFront, Postgres | ||
About the company
Our client is a leading mattress supplier in the US that offers luxury products for a broad audience. Their mission is to provide thoughtfully designed sleep mattresses using premium materials. The company has over twenty viewing rooms across the US to let customers try the comfort of their products firsthand.
About the product
Client’s mattresses combine pressure-free and responsive support for the body to satisfy the needs of back and side sleepers. The company uses plant-based memory foam materials, with layers of organic wool and cotton to prevent allergic issues. Every mattress model is handcrafted and has unique characteristics to meet the broad spectrum of customer preferences. In addition, the company offers supplementary products, such as bed frames, toppers, blankets, sheets, and pillows.
Challenge overview – Web application for selling mattresses in-store
The client was looking for a solution that would let their in-store visitors explore mattress features and benefits independently, without a consultant's help. For this purpose, they wanted to set up interactive devices in their stores to showcase products through high-quality videos, images, and detailed model descriptions. They sought a headless development company to bring this project to life, and our team offered a web application for selling mattresses that matched their expectations.
Our solution – Headless progressive web app
Our team evaluated devices for showcasing mattresses and designed a progressive web application (PWA) architecture relevant to displaying dynamic content, such as video presentations, on these screens. This mattress manufacturer web app ensures fast access to the virtual showroom, enabling quick loading without the need to request traditional internet pages.
We selected AWS as a hosting provider for its CloudFront CDN, which has high-performing caching opportunities. PWA goes hand-in-hand with caching, so we offered a caching strategy to balance offline functionality, responsiveness, and content freshness. With our proposed algorithm, the content is cached locally, allowing customers to explore the mattress store PWA pages on devices even when offline. However, if the company updates content or a customer submits a contact form, the progressive web app behaves just like a traditional website.
-
We developed the frontend and web app functionality based on the designs created for the PWA pages. To process customer submission forms sent through the in-store devices, we integrated a third-party marketing tool.
-
Our team implemented Strapi, a headless CMS, to manage PWA content on the client’s side. This way, their managers can add new videos and web pages as well as edit existing content whenever needed.
-
We connected the PWA with in-store devices for testing and troubleshooting. Once we checked all the system components, we released the final version of the web app for the client’s stores.
Results of implementing a mattress store PWA
As a result, the client successfully launched the project across their physical locations, providing customers with an interactive interface for exploring mattress models and their features. This way, customers learn about the company’s products at their own pace without the need to involve in-store staff. At this pre-purchase stage, customers can explore mattress types and layers, compare models, check prices, add products to their cart, or send information about the chosen item via email to make a purchase decision later.
